<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html> 
<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Vimic</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	
	<script src="cordova-1.7.0.js" type="text/javascript"></script>
	<link href="jquery.mobile-1.1.1/jquery.mobile-1.1.1.min.css" rel="stylesheet" type="text/css"/>
	<script src="jquery.mobile-1.1.1/jquery-1.6.2.min.js" type='text/javascript'></script>
	<script src="jquery.mobile-1.1.1/jquery.mobile-1.1.1.min.js" type='text/javascript'></script>
	
	<!-- <script src="jqm-docs.js"></script> -->
	<script src="menuPlugin.js" type="text/javascript"></script>
    <script src="UIManager.js" type="text/javascript"></script>
	<script src="smsplugin.js" type='text/javascript'></script>
	<script src="video.js" type='text/javascript'></script>
	<script src="downloader.js" type='text/javascript'></script>
	<script src="oneFile.js" type='text/javascript'></script>
	
	<script type="text/javascript">
		$("#dialog-confirm").dialog({
		       resizable: false,
		       height: 140,
		       modal: true,
		       autoOpen: false,      
		       buttons: {
		           "delete": function() {                    
		           	device.exitApp();
		               $(this).dialog("close");
		           },
		           "cancel": function() {                    
		                $(this).dialog("close");
		           }
		       }
		});
	</script>
	<style type="text/css">
	
	.align-text
	{
		text-align:center;	
		font-weight:normal;
		font-size: small;		
	}
	
	a:link {text-decoration:none;}
	a:visited {text-decoration:none;}
	a:hover {text-decoration:none;}
	a:active {text-decoration:none;}

	img.center
	{  
		display: block;  
		margin-left: auto;  
		margin-right: auto; 
	}
	.head_score {
		width: 99.5%;
		height: 22px;
		text-align: left;
		padding-left: 5px;
		padding-top: 5px;
		background-color: gainsboro;
	}
	.head_gold {
		width: 99.5%;
		height: 22px;
		text-align: left;
		padding-left: 5px;
		padding-top: 5px;
		background-color: gainsboro;
		border-top: solid 1px green;
	}
	
	.fading-msg { 
	padding: .6em; text-shadow: none; text-align: center; margin: 120px auto; font-weight: bold;
    border: 0; max-width: 260px; min-width: 110px; 
}
	</style>
	
</head> 
<body >    
	<!-- Home Page -->
			
	<div data-role="page" id="level0" >
		<div data-role="header" data-theme="b" data-position="fixed" >
			<h1>Vimic</h1>
		</div>
		<div data-role="content">
			<!--<img src="" id="splash"/>-->
		</div>
	</div>
	<!-- Display content html -->
	<div data-role="page" id="display">
		<div data-role="header" data-theme="b"  data-position="fixed">
			<h1></h1>
		</div>
		<div data-role="content">
		</div>		
		</div>
	</div>
	
	<!-- Loading page -->
	<!-- confirm dialog -->
	<!--
	<div id="dialog-confirm" title="Delete Pic?">
        <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 0px 0;"></span>Delete pic?</p>
    </div>
    -->   
    <script type="text/javascript">
    $("#home").bind("tap",function(event){
        alert(event.pageX+"x and "+event.pageY+"y");
    });
    </script>
</body>
</html>
